﻿@using Kugar.UI.RazorUI.RazorEngine

@inherits  RazorViewBase<Model>

@{
    Layout = "/Views/_Layout.cshtml";
}


@section scripts{

}


<article>
    <h2>@Model.A1</h2>
    <div class="app-state-watcher">
        <div>
            <b>STATE:</b> <span id="label-form-state">normal</span>
            <p>Change window state to trigger this event.</p>
        </div>
        <div>
            <b>ACTIVATED:</b> <span id="label-activated-state">N/A</span>
            <p>Active/Deactive window state to trigger this event.</p>
        </div>
        <div>
            <b>SIZE:</b> <span id="label-size-state">width:N/A height:N/A</span>
            <p>Change window size to trigger this event.</p>
        </div>
    </div>

    <h3>Dropdown issue test:</h3>
    <p>
        <select>
            <option>This is NanUI</option>
            <option>This is NanUI</option>
            <option>This is NanUI</option>
            <option>This is NanUI</option>
            <option>This is NanUI</option>
            <option>This is NanUI</option>
        </select>
    </p>
    <p>In previous version, if you let menu of this select opened, resizing or moving window will cause the dropdown menu at a wrong position. This issue has been solved since 0.6.4.</p>

    <h3>Dialog test:</h3>
    <p>
        <button id="btnShowWindow" onclick="btnShowWindowClick()" value="tttt">Show Window</button>
    </p>

    <p>
        <button onclick="showDialog()">Show Dialog</button>
        <button onclick="callCSharp()">Execute CSharper</button>
    </p>

    <h3>Local file</h3>
    <iframe src="/Views/index.html" style="width:80vw" name="innerframe"></iframe>

    <p>
        <button id="btnRefresh" onclick="refreshIframe()">Refresh</button>
    </p>

    <h3>Dev Tools</h3>
    <p>
        <button onclick="showDevTools()">Open Chromium Dev Tools</button>
    </p>

    <script>
        function callCSharp() {
            cSharpRazorUI.proxyCall("TestApi", "sdfsdfsf", 10);
        }

        function btnShowWindowClick() {
            cSharpRazorUI.proxyCall("TestApi", "sdfsdfsf", 10);
        }
    </script>
</article>
